<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>律师事务网</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/common_top.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common_footer.css">
</head>
<body>
    <!-- 顶部信息 -->
   <div class="header-top">
       <div class="container">
            <span class="top-left">欢迎来到XXX律师事务所官网，我们将竭诚为您服务！</span>
            <span class="top-right">咨询热线：<strong>400-XXX-XXXX</strong></span>        
       </div>
   </div>
   <!-- 顶部导航 -->
   <section class="nav-top">
       <div class="container">
            <img src="./images/logo.png" alt="">
            <span>XXXX律师事务所</span>
            <nav>
                <a href="./index.html">首页</a>
                <a href="./aboutus.html">关于我们</a>
                <a href="./service.html">服务项目</a>
                <a href="./succes_case.html">成功案例</a>
                <a href="./lawyer_team.html">律师团队</a>
                <a href="./news.html">新闻动态</a>
                <a href="./contact.html">联系方式</a>
            </nav>
        </div>
   </section>
   <!-- 横幅 -->
   <section class="banner">
       <div class="container">
            <div class="banner-msg">
                <h3>
                    <span>为您排忧解难</span>
                    <strong>是我们最重要的事</strong>
                    <p>咨询热线：400-XXX-XXXX</p>
               </h3>    
            </div>  
            <div class="banner-links cf">
                <ul>
                    <li>
                        <img src="./images/p1_act0.png" />
                        <a href="">找律师</a>
                    </li>
                    <li>
                        <img src="./images/p2_819t.png" />
                        <a href="">选服务</a>
                    </li>
                    <li>
                        <img src="./images/p3_g51q.png" />
                        <a href="">看案例</a>
                    </li>
                    <li>
                        <img src="./images/p4_q67r.png" />
                        <a href="">要咨询</a>
                    </li>
                </ul>
           </div>
       </div>
   </section>
   <!-- 服务项目 -->
   <section class="container service">
       <div class="service-title">
           <h3>服务项目</h3>
           <span>SERVICE</span>
       </div>
       <div class="service-pic">
            <div class="pic-left">
                <img src="./images/service-1_sg54.jpg" alt="">
            </div>
            <div class="pic-right">
                <div>
                    <img src="./images/service-sub-1_tfeb.jpg" alt="">
                    <img src="./images/service-sub-2.jpg" alt="">
                    <img src="./images/service-sub-3.jpg" alt="">
                </div>
                <div>
                    <img src="./images/service-sub-4.jpg" alt="">
                    <img src="./images/service-sub-5.jpg" alt="">
                    <img src="./images/service-sub-6.jpg" alt="">
                </div>
            </div>
       </div>
   </section>
    <!-- 经典案例 -->
    <section class="container case">
        <div class="case-title">
            <h3>经典案例</h3>
            <span>CASE</span>
        </div>
        <div class="case-pic">
            <div class="pic-list">
                <div class="pic-list-main">
                    <img src="./images/anli1.jpg" alt="">
                    <div class="pic-list-msg">
                        <h4>合同纠纷</h4>
                        <p>杭州某公司与上海某公司合作多年，2016年为后者提供某某某服务，服务结束后，经多次催讨无果，故决定起诉。</p>
                        <span>详情&gt;</span>
                    </div>                    
                </div>                     
                <div class="pic-list-main">
                    <img src="./images/anli2.jpg" alt="">
                    <div class="pic-list-msg">
                        <h4>借贷纠纷</h4>
                        <p>乙先生于2015年借款给甲先生，甲先生承诺在2016年某月某日前将借款全部还清，未兑现。</p>
                        <span>详情&gt;</span>
                    </div>    
                </div>
                <div class="pic-list-main">
                    <img src="./images/anli3.jpg" alt="">
                    <div class="pic-list-msg">
                        <h4>劳务纠纷</h4>
                        <p>甲先生与2015年至2016年间为某公司员工，某公司一直拖欠甲先生2016年6月至12月工资。</p>
                        <span>详情&gt;</span>
                    </div>
                </div>
                <div class="pic-list-main">
                    <img src="./images/anli4.jpg" alt="">
                    <div class="pic-list-msg">
                        <h4>房产土地</h4>
                        <p>甲先生与人签订了房屋买卖合同，并已支付了XXX元，但房东以各种借口不交房。</p>
                        <span>详情&gt;</span>
                    </div>
                </div>
                <button>更多</button>
            </div>
        </div>
    </section>
    <!-- 新闻列表 -->
    <section class="container news">
        <div class="news-left">
            <h4 class="news-title">
                <p>新闻动态 <strong>TEAM</strong></p>
                <span class="more">更多&gt;</span>
            </h4>
            <div class="news-date">
                <div>
                    <strong>24</strong>
                    <span>2022-01</span>
                </div>
                <h4>注册会计师成立行业党委</h4>
                <p>因长达半月出差，李海东没赶上陪儿子参加中考，颇感内疚。然而作为—名党员和业务骨干，在工作需要时，她抛家不顾。如今，在兴业......</p>
            </div>
            <div class="news-date">
                <div>
                    <strong>14</strong>
                    <span>2022-01</span>
                </div>
                <h4>债务重组会计的两个核心问题</h4>
                <p>作为我国对债务重组交易的核心规范文件，债务重组准则经历了1998年制定、2001年修订、2006年再修订三次变革：</p>
            </div>
            <div class="news-date">
                <div>
                    <strong>14</strong>
                    <span>2022-01</span>
                </div>
                <h4>英国AIA职业发展中心CDC诚......</h4>
                <p>CDC职业发展中心肩负着加强双向交流的重任，热诚为企业和学员提供免费信息服务，旨在协助学员挖掘自身各项素质能力，助力毕业......</p>
            </div>
        </div>
        <div class="news-right">
            <h4 class="news-title"> 
                <p>在线预约<strong>ORDER</strong></p>
                <form action="#" method="get" class="form">
                    <div>
                        姓名<span>*</span>
                        <input type="text">
                    </div>
                    <div>
                        电话<span>*</span>
                        <input type="text">
                    </div>
                    <div>
                        内容<span>*</span>
                        <textarea></textarea>
                    </div>
                    <div>
                        <button type="submit">提交</button>
                    </div>
                </form>
            </h4>
        </div>
    </section>
    <!-- 底部信息 -->
    <section class="footer">
        <div class="container">
            <div class="left footer-logo">
                <img src="./images/logo2.png" alt="">
                XXXXX律师事务所
            </div>
            <div class="left footer-tel">
                <p>电话：0571-XXXXXXXX  传真：0571-XXXXXXXX  邮箱：XXXX@XXXX.com</p>
                <p>地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </div>
            <div class="right footer-wx">
                <img src="./images/erweima.png" alt="">
                <p>扫一扫<span>关注官方微信</span></p>
            </div>
        </div>
    </section>
</body>
</html>

